<template>
  <div>
    <!-- <div class="min_container" @scroll="scrollEvent"></div>
    <div class="go_more" v-if="more_show" @click="GoMore">加载更多</div>
    <div class="go_more" v-else>没有更多评价了</div> -->
    <!-- 这是一个轮播图 -->
    <v-carousel hide-delimiters cycle>
      <v-carousel-item
        v-for="(item, i) in items"
        :key="i"
        :src="item.src"
      ></v-carousel-item>
    </v-carousel>

    <!-- 一段文字介绍 -->
    <div class="bannerSlogan">
      <div>
        <div class="enSlogan">
          了解我们的产品
        </div>
        <div class="cnSlogan">
          专业专注，提供涵盖测绘地理信息全产业链的产品和服务
        </div>
      </div>
    </div>

    <!-- 我们的产品 -->
    <vm-deviceCard :devicemsg="devicemsg"></vm-deviceCard>
  </div>
</template>
<script>
/**
 * 这个是网站的首页
 */
import deviceCard from "@/page/home/library/deviceCard.vue";
export default {
  
  // mounted() {
  //   window.addEventListener("scroll", this.handleScroll, true);
  // },
  components: {
    "vm-deviceCard": deviceCard,
  },
  name: "homepage",
  data() {
    return {
      scrollTop: 111,
      devicemsg: {
        url: "http",
      },
      items: [
        {
          src: "https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg",
        },
        {
          src: "https://cdn.vuetifyjs.com/images/carousel/sky.jpg",
        },
        {
          src: "https://cdn.vuetifyjs.com/images/carousel/bird.jpg",
        },
        {
          src: "https://cdn.vuetifyjs.com/images/carousel/planet.jpg",
        },
      ],
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    // handleScroll(e) {
    //   this.scrollTop =
    //     e.target.documentElement.scrollTop || e.target.body.scrollTop; // 执行代码
    // },
  },
};
</script>

<style>
.enSlogan {
  margin: auto;
  display: block;
  font-size: 50px;
}
.bannerSlogan {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  text-align: center;
  color: gray;
  pointer-events: none;
}
.cnSlogan {
  font-size: 25px;
}
</style>
